@import '~rmc-dialog/assets/index.css';
.rmc-slide-up-appear,
.rmc-slide-up-enter {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.rmc-slide-up-appear,
.rmc-slide-up-enter,
.rmc-slide-up-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.rmc-slide-up-appear.rmc-slide-up-appear-active,
.rmc-slide-up-enter.rmc-slide-up-enter-active {
  -webkit-animation-name: amSlideUpIn;
  animation-name: amSlideUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.rmc-slide-up-leave.rmc-slide-up-leave-active {
  -webkit-animation-name: amSlideUpOut;
  animation-name: amSlideUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
@-webkit-keyframes amSlideUpIn {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes amSlideUpIn {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@-webkit-keyframes amSlideUpOut {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@keyframes amSlideUpOut {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
.m-react-popup-slide-up {
  position: fixed;
  bottom: 0;
  margin: 0;
}
.rmc-top-up-appear,
.rmc-top-up-enter {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.rmc-top-up-appear,
.rmc-top-up-enter,
.rmc-top-up-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.rmc-top-up-appear.rmc-top-up-appear-active,
.rmc-top-up-enter.rmc-top-up-enter-active {
  -webkit-animation-name: amTopUpIn;
  animation-name: amTopUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.rmc-top-up-leave.rmc-top-up-leave-active {
  -webkit-animation-name: amTopUpOut;
  animation-name: amTopUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
@-webkit-keyframes amTopUpIn {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes amTopUpIn {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@-webkit-keyframes amTopUpOut {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes amTopUpOut {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
.m-react-popup-top-up {
  position: fixed;
  top: 0;
  margin: 0;
}
.rmc-right-up-appear,
.rmc-right-up-enter {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.rmc-right-up-appear,
.rmc-right-up-enter,
.rmc-right-up-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.rmc-right-up-appear.rmc-right-up-appear-active,
.rmc-right-up-enter.rmc-right-up-enter-active {
  -webkit-animation-name: amRightUpIn;
  animation-name: amRightUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.rmc-right-up-leave.rmc-right-up-leave-active {
  -webkit-animation-name: amRightUpOut;
  animation-name: amRightUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
@-webkit-keyframes amRightUpIn {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes amRightUpIn {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@-webkit-keyframes amRightUpOut {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes amRightUpOut {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.m-react-popup-right-up {
  position: fixed;
  right: 0;
}
.rmc-left-up-appear,
.rmc-left-up-enter {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.rmc-left-up-appear,
.rmc-left-up-enter,
.rmc-left-up-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.rmc-left-up-appear.rmc-left-up-appear-active,
.rmc-left-up-enter.rmc-left-up-enter-active {
  -webkit-animation-name: amLeftUpIn;
  animation-name: amLeftUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.rmc-left-up-leave.rmc-left-up-leave-active {
  -webkit-animation-name: amLeftUpOut;
  animation-name: amLeftUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
@-webkit-keyframes amLeftUpIn {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes amLeftUpIn {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@-webkit-keyframes amLeftUpOut {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes amLeftUpOut {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
.m-react-popup-left-up {
  position: fixed;
  left: 0;
}
.m-react-modal-wrap-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-react-modal-wrap .rmc-dialog-content {
  border-radius: 0;
  background-color: inherit;
}
.m-react-modal-wrap .rmc-dialog-body {
  padding: 0;
}
.m-react-modal-wrap .rmc-dialog {
  margin: 0;
}
